<template>
  <el-dialog :visible.sync="visible" width="34%" :before-close="onClose">
    <div slot="title" style="font-size: 14px;font-weight: 500;">
      引导语设置
    </div>
    <el-form :model="form" status-icon ref="indicateSetting" label-width="100px" label-position="left">
      <div class="form-item">
        <el-form-item label="引导语：" prop="type">
          <el-input type="text" v-model="form.text" placeholder="请输入内容" maxlength="20" show-word-limit style="width: 300px;"/>
        </el-form-item>
      </div>
    </el-form>
    <div class="tips-text">同一关键词触发多个问题询问选择引导语：<a style="color:#3070ff">示例</a></div>
    <span slot="footer" class="dialog-footer">
        <el-button @click="onClose">取消</el-button>
        <el-button type="primary" @click="onClose">保存</el-button>
      </span>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      check: 0,
      check1: 0,
      form: {
        text: '回复序号查看以下问题'
      }
    }
  },
  props: ['visible'],
  methods: {
    onClose() {
      this.$emit('handCloseDialog');
    }
  },
}
</script>
<style lang="scss" scoped>
.tips-text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
</style>